// 大型按钮蓝色
.bt-blue {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  height: 30px;
  background-color: @hoverColor;
  color: @fff;
  font-size: 14px;
  border-radius: 3px;
  border: 1px solid transparent;
}
// 大型按钮红色
.bt-red {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  height: 30px;
  background-color: @red;
  color: @fff;
  font-size: 14px;
  border-radius: 3px;
  border: 1px solid transparent;
}
// 大型按钮灰色
.bt-gray {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  height: 30px;
  background-color: @LightBorderLine;
  color: @fbSix;
  font-size: 14px;
  border-radius: 3px;
  border: 1px solid transparent;
}
//暂无消息
.zanwu{
  font-size: 14px;
  color: @fff;
  line-height: 18px;
  text-align: center;
  padding-top: 10px;
  background: url(~@/assets/img/zanwu.png) no-repeat center;
  padding-top: 138px;
  background-size: 96px;
}
//按钮的外框
.btns-box{
  font-size: 0;
  width: 100%;
  text-align: center;
}
// 小型按钮红色
.small-red {
  cursor: pointer;
  display: inline-block;
  align-items: center;
  justify-content: center;
  height:25px;
  margin:0 2px;
  padding:0 5px;
  background-color: @red;
  color: @fff;
  font-size: 12px;
  border:none;
  border-radius: 3px;
}
// 小型按钮绿色
.small-green {
  cursor: pointer;
  display: inline-block;
  align-items: center;
  justify-content: center;
  height:25px;
  margin:0 2px;
  padding:0 5px;
  background-color: @green;
  color: @fff;
  border:none;
  font-size: 12px;
  border-radius: 3px;
}
.small-blur{
  cursor: pointer;
  display: inline-block;
  align-items: center;
  justify-content: center;
  height:25px;
  margin:0 2px;
  padding:0 5px;
  background-color: @hoverColor;
  color: @fff;
  border:none;
  font-size: 12px;
  border-radius: 3px;
}
.small-blur,.small-red,.small-green{
  opacity: 1;
  transition: opacity 0.3s;
}
.small-red:hover,.small-green:hover,.small-blur:hover{
  opacity: 0.9;
}
// 单选圆点样式
.el-radio {
    .el-radio__label {
      color: @fbSix;
    }
    .el-radio__input {
      .el-radio__inner {
        background: @sideColor;
        border: 1px solid @fbSix;
      }
      &.is-checked {
        .el-radio__inner {
          border: 1px solid @fbSix;
          background: @sideColor;
          &::after {
            width: 8px;
            height: 8px;
            border-radius: 100%;
            background-color: @hoverColor;
            content: "";
            position: absolute;
            left: 50%;
            top: 50%;
          }
        }
      }
      .el-radio__label {
        color: @hoverColor;
      }
    }
}